<template>
  <div class="notfound">
    <img src="../assets/image/404.png">
    <span>This Page Is Notfound</span>
    <van-button type="primary" block icon="wap-home-o" @click="$router.replace({path: '/home'})">返回首页</van-button>
  </div>
</template>

<script setup>

</script>

<style lang="less" scoped>
@import '@/assets/style/var.less';

.notfound {
  display: flex;
  align-items: center;
  flex-direction: column;
  img {
    width: 300px;
    height: 300px;
  }
  span {
    color: @primary;
    font-size: 18px;
  }
  :deep(.van-button--block) {
    width: 80%;
    margin-top: 30px;
  }
}
</style>